﻿<!DOCTYPE html>
<html ng-app="app">
<head>
    <title></title>
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <link href="Content/bootstrap-theme.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />
</head>
<body>
    <div ng-controller="testController as vm" class="row">
        <div class="row">
            <div class="row">
                <h1 class="text-center">{{vm.title}}</h1>
            </div>
            <div class="row">
                <div class="col-md-3 col-centered">
                    <button class="btn btn-default myButton" ng-click="loadData()">Load People</button>            
                    <button class="btn btn-default myButton" ng-click="addItem()">Add Person</button>
                </div>
            </div>
        </div>
        
        <div class="tableDirective"></div>

    
    </div>




    <!--    libs-->
    <script src="scripts/q.js"></script>
    <script src="scripts/jquery-2.0.3.js"></script>
    <script src="scripts/angular.js"></script>
    <script src="scripts/angular-route.js"></script>
    <script src="scripts/angular-animate.js"></script>

    <script src="scripts/angular-sanitize.min.js"></script>
    <script src="js/app-core/common/common-config/common.js"></script>
    <script src="js/app-core/common/http-request-service.js"></script>
    <script src="js/app-core/common/data-context.js"></script>
    <script src="js/app-core/common/inMemoryData.js"></script>


    <script src="js/app-core/config/config.js"></script>
    <!--    end libs-->
    

    <script src="js/directives/table-directive.js"></script>

    <!--    services-->
 
    <!-- end services

    <!--   contollers-->


    <script src="js/controllers/test-controller.js"></script>
    <!--    end controllers-->

</body>
</html>
